@mixin border($color) {
    border: none;
    &:after {
        content: '';
        position: absolute;
        bottom: 0;
        background: $color;
        width: 100%;
        height: 1px;
        left: 0;
        transform-origin: 0 0;
        @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
            transform: scaleY(0.5);
        }
    }
}